html, body{width:100%;height:100%;overflow:hidden;}
body{background:#fff;}

#header{position:absolute;top:0;left:0;right:0;height:30px;background:#333;padding:0 5px;}
#main{position:absolute;top:30px;left:0;right:0;bottom:0;border-bottom:1px solid #ccc;}

#header *{color:#fff;}
#header h1{font-size:14px;display:inline-block;line-height:30px;}
#header ul{float:right;}
#header ul li{display:inline-block;line-height:30px;margin-left:10px;}

#nav{position:absolute;left:0;top:0;bottom:0;width:150px;border-right:1px solid #ccc;background:#fff;}
#mainNav{position:absolute;left:5px;top:0;bottom:0;width:30px;text-align:center;z-index:10000;background:#fff;}
#mainNav ul{padding-top:5px;}
#mainNav li{padding:5px 0;}
#mainNav a{display:block;border:1px solid #ccc;border-right:0;padding:5px;font-size:14px;line-height:1.2;}
#mainNav a.selected{border-right:2px solid #fff;margin-right:-2px;}

#subNav{position:absolute;left:35px;top:0;bottom:0;right:0;border-left:1px solid #ccc;z-index:100;background:#fff;}
#subNav dl{margin:5px 5px 10px 5px;}
#subNav dt{background:#eee;padding-left:10px;}
#subNav dd{padding:5px 5px 5px 10px;}
#subNav dd a{display:block;}

#spliter{position:absolute;top:0;left:150px;bottom:0;width:7px;background:url(../img/icon/other/3.gif) no-repeat left center;}

#zone{position:absolute;left:157px;top:0;bottom:0;right:5px;}

#zoneHeader{height:35px;border-bottom:1px solid #ccc;}
#zoneHeader h2{display:inline-block;font-size:14px;padding-right:10px;margin-top:8px;}
#zoneHeader ul{float:right;margin-top:5px;}
#zoneHeader li{display:inline-block;margin-left:5px;}
#zoneBody{position:absolute;top:40px;bottom:35px;left:0;right:0;overflow:auto;}
#zoneBody.noFooter{bottom:5px;}
#zoneFooter{position:absolute;left:0;right:0;bottom:0;height:30px;border-top:1px solid #ccc;text-align:center;}

#zoneBodySearch{margin-bottom:5px;border-bottom:1px solid #ccc;}
#zoneBodySearch ul{}
#zoneBodySearch li{display:inline-block;margin:0 5px 5px 0;}

#zoneFooter p{float:right;line-height:30px;}
.pager{display:inline-block;line-height:30px;}


/**
 * 左侧菜单折叠时
 */
#main.navOff{}
#main.navOff #nav{display:none;}
#main.navOff #spliter{left:0;background-image:url(../img/icon/other/2.gif);}
#main.navOff #zone{left:7px;}


/**
 * 投放计划时间限制
 */
#timeLimitList{display:none;} 
#timeLimitList li{display:inline-block;width:120px;}

/**
 * 投放计划按周限制
 */
#weekDayLimitList{display:none;}
#weekDayLimitList li{display:inline-block;width:100px;}

/**
 * 投放计划站点类型限制
 */
#siteTypeLimitList{display:none;}

.siteTypeList dl{margin-bottom:5px;}
.siteTypeList dt{float:left;text-align:right;min-width:80px;}
.siteTypeList dd{margin-left:90px;}
.siteTypeList dd ul{}
.siteTypeList dd li{display:inline-block;min-width:120px;}

/**
 * 广告位编辑时选择广告的列表
 */
#zoneAdList{}
#zoneAdList dl{margin-bottom:10px;}
#zoneAdList dt{font-size:14px;font-weight:bold;}
#zoneAdList ul{}
#zoneAdList li{margin-bottom:5px;}
#zoneAdList li input{}
#zoneAdList li iframe{width:100%;height:100px;border:1px solid #eee;}

/**
 * 网站管理，网站域名列表
 */
.siteDomainList{}
.siteDomainList li{display:inline-block;min-width:180px;margin-right:20px;position:relative;}
.siteDomainList li.hover {background:#666;color:#fff;}
.siteDomainList li.hover .domainName{padding:5px;}
.siteDomainList li.hover .domainName a{color:#fff;text-decoration:underline;}
.siteDomainList .domain{} /*显示域名的节点*/
.siteDomainList .domainMenu{position:absolute;top:18px;left:0;background:#666;z-index:1000;} /*域名操作菜单*/
.siteDomainList .domainMenu a{padding:5px;color:#fff;text-decoration:underline;}

.siteDomainList .domainEditForm{position:absolute;top:-20px;left:0;width:260px;padding:5px;z-index:1001;background:#666;} /*域名编辑表单*/
.siteDomainList .domainEditFormBtnZone{text-align:center;}
.siteDomainList .domainEditFormBtnZone button{margin:5px;}

/**
 * 支付列表中附属信息
 */
.payLogOtherInfo{}
.payLogOtherInfo li{display:inline-block;margin-right:20px;}
.payLogOtherInfo li b{}
.payLogOtherInfo li span{}

/**
 * 短消息列表
 */
.messageList{border-bottom:1px dotted #eee;margin:10px;padding-bottom:5px;}
.messageList dt{}
.messageList dt span{margin-right:20px;}
.messageList dd{}

.messageReplyZone{margin:10px;}
.messageReplyZone textarea {width:90%;height:100px;}

#siteTypeListWrap{}
#siteTypeListWrap dt, #siteTypeListWrap li{position:relative;}
.siteTypeEditMenu{position:absolute;top:20px;left:0;z-index:1000;background:#fff;}
.siteTypeEditMenu a{margin-right:10px;}
#siteTypeListWrap dt .siteTypeEditMenu{left:auto;right:0;}
#siteTypeListWrap dt .siteTypeEditMenu a{margin:0 0 0 10px;}

#viewHalfHourFlow {}
#viewHalfHourFlow span{}
#viewHalfHourFlow span b{font-weight:normal;display:inline-block;margin-right:10px;}

#header ul li a{text-decoration:underline}

/**
 * 点击详情
 */
.clickDetailList{}
.clickDetailList li{}
.clickDetailList li span{display:inline-block;min-width:60px;text-align:right;}

.click2Detail{}
.click2Detail li{}
.click2Detail li span{display:inline-block;min-width:100px;text-align:right;}
